<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"  xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<meta charset="utf-8">
<head th:include="include :: header"></head>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.14/dist/css/bootstrap-select.min.css">
<body class="gray-bg">
	<div class="wrapper wrapper-content animated fadeInRight">
		<div class="col-sm-12">
			<div class="ibox">
				<div class="ibox-body">
					<div class="fixed-table-toolbar">
						<div class="columns pull-right" role="group">
							<button class="btn btn-success" onclick="reLoad()">
								<i class="fa fa-search" aria-hidden="true"></i>查询
							</button>
							<button class="btn btn-danger" shiro:hasPermission="order:manage:exportsBaseProductOrder" onclick="exportStatistics()">
								<i class="fa fa-mail-reply-all" aria-hidden="true"></i>导出
							</button>
						</div>
                        <div class="pull-right search col-md-2 nopadding">
                            <input id="queryItem" type="text" class="form-control" placeholder="手机号/用户名">
                        </div>
                        
                       
                        
                        <div class="columns pull-right col-md-2 nopadding" >
                            <select data-placeholder="订单状态" class="form-control chosen-select"
                                    id="opstatus" name="opstatus" tabindex="2">
                                <option value="">选择订单状态 </option>
                                <option value="-1">已取消</option>
                                <option value="0">代付款</option>
                                <option value="1">已付款</option>
                                <option value="2">已发货</option>
                                <option value="3">已收货</option>
                                <option value="4">待退款</option>
                                <option value="5">售后中</option>
                                 <option value="6">已完成</option>
                                  <option value="10">退款成功</option>
                            </select>
                        </div>


                    <div class="columns pull-right col-md-2 nopadding" >
                            <select data-placeholder="支付状态" class="form-control chosen-select"
                                    id="oppayStatus" name="oppayStatus" tabindex="2">
                                <option value="">选择支付状态</option>
                                <option value="0">未支付</option>
                                <option value="1">支付中</option>
                                <option value="2">支付完成</option>
                                <option value="3">支付失败</option>
                                <option value="4">代付申请</option>
                                <option value="5">待付中</option>
                                 <option value="6">代付成功</option>
                                 <option value="7">代付失败</option>
                                 <option value="8">退款申请</option>
                                  <option value="9">退款中</option>
                                  <option value="10">退款成功</option>
                                  <option value="11">退款失败</option>
                            </select>
                        </div>
                        
                        <div class="columns pull-right col-md-2 nopadding" >
                            <select data-placeholder="是否售后" class="form-control chosen-select"
                                    id="isafter" name="isafter" tabindex="2">
                                <option value="">选择是否售后 </option>
                               <option value="0">未售后商品</option>
                               <option value="1">已售后商品</option>
                            </select>
                        </div>

                        
                        <div class="columns pull-right col-md-1 nopadding">
                            <input type="text" class=" form-control"
                                   id="end" name="end" placeholder="结束日期"
                                   onclick="laydate({istime: true, format: 'YYYY-MM-DD hh:mm:ss'})"
                                   style="background-color: #fff;" readonly="readonly"/>
                        </div>
                        <div class="columns pull-right">
                            <label style="font-weight: 700;float: left;padding: 3px 10px;line-height: 2;font-size: 15px">
                                <i class="fa fa-exchange"></i>
                            </label>
                        </div>
                          <div class="columns pull-right col-md-1 nopadding">
                            <input type="text" class=" form-control"
                                   id="start" name="start" placeholder="开始日期"
                                   onclick="laydate({istime: true, format: 'YYYY-MM-DD hh:mm:ss'})"
                                   style="background-color: #fff;" readonly="readonly"/>
                        </div>
                        
                        
                         <div class="columns pull-right col-md-2 nopadding" >
                            <select data-placeholder="供应商"   id="supplierId" name="supplierId"
                                    class="selectpicker"   data-live-search="true"
						     data-actions-box="true">
                                <option value="">选择供应商</option>
                                <option th:each="item: ${suplist}" th:text="${item.name}"
                                        th:value="${item.id}"></option>
                            </select>
                        </div>
					</div>
					<table id="baseordProductTable" data-mobile-responsive="true"></table>
					<div class="fixed-table-toolbar">
						  <h3>平台总成本: <span id="baseCost"></span>, 平台总利益: <span id="basemark"></span></h3>
				    </div>
				</div>
			</div>
		</div>
		
	</div>
	<div th:include="statistics/commander/include :: footer"></div>
    <script src="/js/plugins/distpicker/distpicker.data.min.js" ></script>
    <script src="/js/plugins/distpicker/distpicker.min.js" ></script>
	<script type="text/javascript" src="/js/appjs/order/baseordProduct.js"></script>
	<script src="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.14/dist/js/bootstrap-select.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.14/dist/js/i18n/defaults-*.min.js"></script>
</body>
</html>